<template>
  <!-- 会议培训详情页 -->
  <div id="meetingdetail" class="meetingdetail">
    <Header></Header>
    <!--本来应该是导航，（方便全局替换）-->
   <!-- <HHeader></HHeader> -->
    <div class="meetingdetailCont">
      <div class="meetingdetailCont_crumbs">
        <span>
          <router-link :to="{name:'home'}">首页</router-link>
        </span>
        <i class="iconfont icon-youjiantou"></i>
        <span v-if="nameflag == false">
          <router-link :to="{name:'meeting'}">会议培训</router-link>
        </span>
          <span v-if="nameflag">
          <router-link :to="{name:'heart'}">业内资讯</router-link>
        </span>
        <i class="iconfont icon-youjiantou"></i>
        <span>正文</span>
      </div>
      <div class="meetingdetailCont_cluster">
        <div class="meetingdetailCont_cluster_Left">
          <div class="just_cluster_left_title">
            <span>
              <p v-html="mediadetailB.Title"></p>
              <em
                class="webcreate"
                v-if="mediadetailB.CreatedTime != null"
              >{{mediadetailB.CreatedTime.substr(0,10)}}</em>
            </span>
            <div style="clear:both;"></div>
          </div>
          <div class="just_cluster_left_info">
            <span v-if="mediadetailB.ExpertName != null">授课专家：{{mediadetailB.ExpertName}}</span>
            <!-- <span>授课专家：{{this.mediadetailB.organization}}</span> -->
            <span
              v-if="mediadetailB.StartTime != null"
            >开始日期：{{mediadetailB.StartTime.substr(0,10)}}</span>
            <span
              v-if="mediadetailB.EndTime != null"
            >截止日期：{{mediadetailB.EndTime.substr(0,10)}}</span>
          </div>
          <div class="just_cluster_left_cont">
            <p v-html="mediadetailB.Content"></p>
          </div>
        </div>
        <div class="meetingdetailCont_cluster_Right">
          <JusTinTime></JusTinTime>
          <div class="just_cluster_righ_img">
            <img src="@/static/syimg/xxg_10.png" />
          </div>
        </div>
        <div style="clear:both"></div>
      </div>
    </div>
    
    
    
  </div>
</template>

<script>
// import router from "@/router/index";
//juqery

export default {
  name: "meetingdetail",
  data() {
    return {
      Lmurl: "http://appjk.yywkt.com/xshyContent",
      meetingdetail: {
        title: "我国成功研制先进的高速高精度激光汤姆逊散射仪",
        date: "2019-12-5",
        issuer: "xxx杂志",
        read: "293"
      },
      mediadetailB: [],
      nameflag:false,
    };
  },
  methods: {
    getData() {
      // 获取详情信息
      uni.request({
      	url:'http://bjlm.bosihw.cn/api/Lm/GetMeetingtrain',
		data:{
			Id: this.$uniRoute().id
		},
		success: (res ) => {
			  this.mediadetailB = res.data.data||{};
		}
      })
       
    }
  },
  onLoad() {
    if(this.$uniRoute().name && this.$uniRoute().name == '业内资讯'){
     this.nameflag = true
    }
    this.getData();
  }
};
</script>

<style lang="less" scoped>
#meetingdetail {
  width: 100%;
  .meetingdetailCont {
    width: 100%;
    height: 100%;
    display: inline-block;
    .meetingdetailCont_crumbs {
      width: 100%;
      height: 40rpx;
      margin: 0 auto;
      position: relative;
      margin-top: 56rpx;
      text-align: left;
      line-height: 40rpx;
      padding-left: 10rpx;
      span:nth-child(1) a,
      span:nth-child(3) a {
        color: #000000;
        font-size: 32rpx;
        font-weight: bold;
        cursor: pointer;
      }
      i {
        color: #767c82;
        font-size: 36rpx;
        margin-left: 20rpx;
        font-weight: bold;
      }
      span:nth-child(5) {
        color: #003c80;
        font-size: 32rpx;
        margin-left: 20rpx;
        font-weight: bold;
        cursor: pointer;
      }
    }
    .meetingdetailCont_cluster {
      width: 100%;
      height: 100%;
      margin: 0 auto;
      margin-top: 56rpx;
      .meetingdetailCont_cluster_Left {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        .just_cluster_left_title {
          width: 100%;
          // height:20px;
          line-height: 70rpx;
          span:nth-child(1) {
            float: left;
            font-size:40rpx;
            color: #000;
            font-weight: bold;
            em {
              font-style: normal;
              float: right;
              color: #909090;
              font-size: 32rpx;
              position: absolute;
              right: 0;
            }
          }
          span:nth-child(2) {
            float: right;
            color: #909090;
            font-size: 32rpx;
          }
        }
        .just_cluster_left_info {
          margin-top: 36rpx;
          width: 100%;
          height: 36rpx;
          line-height: 36rpx;
          span {
            color: #909090;
            font-size: 32rpx;
          }
          span:nth-child(2) {
            margin-left: 82rpx;
            margin-right: 82rpx;
          }
        }
        .just_cluster_left_cont {
          padding-top: 30rpx;
          // overflow:hidden;
          // overflow-y:auto;
          width: 100%;
          margin-top: 42rpx;
          border-top: 1px solid #eeeeee;
          p {
            font-size: 32rpx;
            font-family: SourceHanSansSC-Regular;
            font-weight: 400;
            color: #777;
            line-height: 52rpx;
            margin-bottom: 40rpx;
            text-indent: 2em;
            text-align: justify;
            // /deep/p{
            //   line-height: 32px!important;
            //   letter-spacing: 1px!important;
            //   color:#777!important;
            //   font-size:16px!important;
            //   font-family:SourceHanSansSC-Regular;
            //   font-weight:400!important;
            //   text-align:justify!important;
            // }
          }
        }
      }
      .meetingdetailCont_cluster_Right {
        width:530rpx;
        float: right;
        border-left: 1px solid #eeeeee;
        position: relative;
        .just_cluster_righ_img {
          margin-left: 38rpx;
          margin-top:56rpx;
          width: 500rpx;
          height: 326rpx;
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
}
@media screen and (min-width: 1010px) {
  .mocreate {
    display: none;
  }
}
@media screen and (max-width: 1010px) {
  .meetingdetailCont_cluster_Right {
    display: none;
  }
  .webcreate {
    display: none;
  }
  .meetingdetailCont_crumbs {
    display: none;
  }
  .meetingdetailCont {
    // margin-top: 86rpx;
    margin-bottom: 152rpx !important;
  }
  #meetingdetail .meetingdetailCont .meetingdetailCont_cluster {
    width: 94%;
    margin-top: 40rpx;
  }
  #meetingdetail
    .meetingdetailCont
    .meetingdetailCont_cluster
    .meetingdetailCont_cluster_Left {
    width: 100%;
    .just_cluster_left_title {
      height: 100%;
      line-height: 60rpx;
      text-align: justify;
    }
    .just_cluster_left_info {
      line-height: 52rpx;
      height: auto !important;
      span:nth-child(2) {
        margin-left: 64rpx;
      }
      span:nth-child(3) {
        margin-left: 64rpx;
      }
    }
    .just_cluster_left_cont {
      margin-top: 30rpx;
      padding-top: 20rpx;
    }
  }
}
</style>
